草庐IT

JavaFX css类样式

全部标签

html - 取消(重置)特定元素的 CSS 样式?

好吧,我有一个漂亮的网页,它的样式在CSS和所有内容中但是现在我发现了一个问题,我想要一个列表是处女的,没有任何继承的样式。我知道只要给它一个style="(...)"就可以做到,所以它会覆盖继承的样式,但是,是否有任何说明/技巧/没有什么可以做到的做这个? 最佳答案 CSSCascadingandInheritanceLevel3规范引入了一次重置所有属性的能力。这是通过使用all实现的。值为initial的简写属性或unset取决于您是否需要重置继承的属性。请注意,这些与浏览器的默认值无关。该功能在Firefox27+、Chro

html - 取消(重置)特定元素的 CSS 样式?

好吧,我有一个漂亮的网页,它的样式在CSS和所有内容中但是现在我发现了一个问题,我想要一个列表是处女的,没有任何继承的样式。我知道只要给它一个style="(...)"就可以做到,所以它会覆盖继承的样式,但是,是否有任何说明/技巧/没有什么可以做到的做这个? 最佳答案 CSSCascadingandInheritanceLevel3规范引入了一次重置所有属性的能力。这是通过使用all实现的。值为initial的简写属性或unset取决于您是否需要重置继承的属性。请注意,这些与浏览器的默认值无关。该功能在Firefox27+、Chro

javascript - 查看 HTML 高度是按样式还是按内容设置的

我有2个div:div2​在我的CSS中:#div1{height:20px}​两个div的高度都是20px,检查demo我如何才能知道div的高度是否由内容决定,或者是否已在css或内联样式中设置?这有助于我找出尺寸是由开发人员设置的还是只是由浏览器计算的。 最佳答案 我找到了实现它的方法:)functiongetRealHeight(element){varheight=0;if(element.children().length>0){vartemp=$('');temp.append(element.children());

javascript - 查看 HTML 高度是按样式还是按内容设置的

我有2个div:div2​在我的CSS中:#div1{height:20px}​两个div的高度都是20px,检查demo我如何才能知道div的高度是否由内容决定,或者是否已在css或内联样式中设置?这有助于我找出尺寸是由开发人员设置的还是只是由浏览器计算的。 最佳答案 我找到了实现它的方法:)functiongetRealHeight(element){varheight=0;if(element.children().length>0){vartemp=$('');temp.append(element.children());

javascript - webpack 样式加载器是用来加载所有 css 的吗?或者只是应用程序特定的 css?

我正在尝试使我的前端设计过程更加模块化,并且正在探索webpack.它支持styleloader,它允许您导入一个css文件并将其注入(inject)到文档中,如下所示:require("style/url!file!./file.css");//=>addatofile.csstodocument但是,我主要关注的是网站而不是webapps1,所以通过javascript添加css感觉很奇怪。但我可能只是过时了,所以我想知道:加载器是要用于所有css,还是只用于加载css的小的、有条件的部分?如果它可以用于加载所有css,那么使用webpack生成的bundle.js注入(injec

javascript - webpack 样式加载器是用来加载所有 css 的吗?或者只是应用程序特定的 css?

我正在尝试使我的前端设计过程更加模块化,并且正在探索webpack.它支持styleloader,它允许您导入一个css文件并将其注入(inject)到文档中,如下所示:require("style/url!file!./file.css");//=>addatofile.csstodocument但是,我主要关注的是网站而不是webapps1,所以通过javascript添加css感觉很奇怪。但我可能只是过时了,所以我想知道:加载器是要用于所有css,还是只用于加载css的小的、有条件的部分?如果它可以用于加载所有css,那么使用webpack生成的bundle.js注入(injec

html - 使用 CSS 操作外部 svg 文件样式属性

我正在尝试通过CSS操作外部.svg文件。HTMLCSSdiv.mysvgimg{opacity:.3;transition:opacity1slinear0s;}div.mysvgimg:hover{opacity:1;}此代码适用于不透明度,但不适用于fill或其他svg特定属性,如stroke。我知道我不能用img标签做到这一点,但我已经找了好几个小时,但我找不到用svg做到这一点的正确方法或对象。所以基本上,我的问题是,如何获得与我链接的代码相同的结果,但能够操纵填充、描边等属性,并且它必须是一个外部文件,而不仅仅是粘贴在html中的内联svg代码。如果有人能告诉我正确的方法,

html - 使用 CSS 操作外部 svg 文件样式属性

我正在尝试通过CSS操作外部.svg文件。HTMLCSSdiv.mysvgimg{opacity:.3;transition:opacity1slinear0s;}div.mysvgimg:hover{opacity:1;}此代码适用于不透明度,但不适用于fill或其他svg特定属性,如stroke。我知道我不能用img标签做到这一点,但我已经找了好几个小时,但我找不到用svg做到这一点的正确方法或对象。所以基本上,我的问题是,如何获得与我链接的代码相同的结果,但能够操纵填充、描边等属性,并且它必须是一个外部文件,而不仅仅是粘贴在html中的内联svg代码。如果有人能告诉我正确的方法,

javascript - 如果单选按钮适合一行,如何设置不同的样式?

PLAYGROUNDHERE如果单选按钮适合一行,我想采用不同的样式。例如:第一个容器没有足够的空间来容纳一行中的所有单选按钮。因此,它们像普通单选按钮一样垂直显示。第二个容器有足够的空间。因此,单选按钮显示为按钮。是否有可能仅使用CSS实现此行为?如果没有,欢迎使用Javascript“hack”。PLAYGROUNDHEREHTMLYes,itispossibletoachievethisYes,itispossibleCSS(更少).container{display:flex;width:220px;padding:20px;margin-top:20px;border:1px

javascript - 如果单选按钮适合一行,如何设置不同的样式?

PLAYGROUNDHERE如果单选按钮适合一行,我想采用不同的样式。例如:第一个容器没有足够的空间来容纳一行中的所有单选按钮。因此,它们像普通单选按钮一样垂直显示。第二个容器有足够的空间。因此,单选按钮显示为按钮。是否有可能仅使用CSS实现此行为?如果没有,欢迎使用Javascript“hack”。PLAYGROUNDHEREHTMLYes,itispossibletoachievethisYes,itispossibleCSS(更少).container{display:flex;width:220px;padding:20px;margin-top:20px;border:1px